.M-horizontalBar {
	height: 100%;
	&Message {
		display: none;
		position: absolute;
		line-height: 20px;
		top: 100px;
		left: 0;
		right: 0;
		text-align: center;
	}
	&Item {
		font-family: 'Arial Negreta', 'Arial';
		position: relative;
		font-size: 12px;
		margin-bottom: 12px;
		&:last-child {
			margin-bottom: 0;
		}
		&Bg {
			position: absolute;
			height: 100%;
			left: 0;
			top: 0;
			width: 0;
			z-index: 2;
			-webkit-transition: width 0.3s ease-in-out;
			-moz-transition: width 0.3s ease-in-out;
			-ms-transition: width 0.3s ease-in-out;
			transition: width 0.3s ease-in-out;
		}
		&Wrap {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			right: 0;
			z-index: 3;
			width: 100%;
			height: 100%;
			padding: 0 62px 0 12px;
		}
		&L {
			display: block;
			width: 100%;
			height: 100%;
			text-align: left;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		&R {
			position: absolute;
			right: 12px;
			top: 0;
			width: 50px;
			text-align: right;
			font-weight: bold;
		}
	}
}